<template>
  <div class="home-top">
    <div class="card">
      <div  style="padding: 300px 0">
      <div class="text1">此悟，前沿科技与传统文化融合</div>
      <div class="text2">CIWU,INTEGRATION OF CUTTING-EDGE TECHNOLOGY<br>
        AND TRADITIONAL CULTUIRE
      </div>
      <div class="text3">Ai是科技与文化融合的核心能力，为中华历代传统文化提供数据化、数字化、智能化的全场景的现代化应用。
      </div>
      <div class="btn">Explore More ></div>
    </div>
    </div>
    <div class="card">
      <div  style="padding: 250px 0">
        <div class="text1">此悟，万物连接智慧生活</div>
        <div class="text2">CIWU,DIGITAL ASSET RECONSRUCTION OF THE PHYSICAL <WORLD></WORLD>
        </div>
        <div class="text3">每一秒AI都在产生大量新的数据模型，人类不断给AI刻意训练植入新智慧，生成式人工智能(AIGC)正在从机器学习到自我学习的AGI演变
        </div>
        <div class="btn">Explore More ></div>
      </div>
    </div>
    <div class="card">
      <div  style="padding: 250px 0">
      <div class="text1">此悟，数字资产重构物理世界</div>
      <div class="text2">CIWU,DIGITAL ASSET RECONSRUCTION OF THE PHYSICAL WORLD
      </div>
      <div class="text3">每一秒AI都在产生大量新的数据模型，人类不断给AI刻意训练植入新智慧，生成式人工智能(AIGC)正在从机器学习到自我学习的AGI演变
      </div>
      <div class="btn">Explore More ></div>
    </div>
    </div>
    <div class="card">
      <div  style="padding: 250px 0">
        <div class="text1">童年造物，和孩子一起创造、
          一起成长</div>
        <div class="text2">CHILDHOOD CREATION CREATEAND GROW<br>
          TOGETHER WITH CHILDREN
        </div>
        <div class="text3">每一个人的童年回忆是一个时代的产物，而童年造物给孩子们创造下一个时代的产物
        </div>
        <div class="btn">Explore More ></div>
      </div>
    </div>
    <div class="card">
      <div  style="padding: 250px 0">
      <div class="text1">童年造物，科技助力人类大脑的全面开发</div>
      <div class="text2">Childhood Creation Create TECHNOLOGY ASSISTS THE<br>
        COMPREHENSIVE DEVELOPMENT OF THE HUMAN BRAIN
      </div>
      <div class="text3">Ai是科技与文化融合的核心能力，为中华历代传统文化提供数据化、数字化、智能化的全场景的现代化应用。
      </div>
      <div class="btn">Explore More ></div>
    </div>
    </div>
    <!--    <el-carousel :interval="3000" arrow="always" height="800px">-->
    <!--      <el-carousel-item class="con-text" >-->
    <!--        <div class="text1">此悟，前沿科技与传统文化融合</div>-->
    <!--        <div class="text2">CIWU,INTEGRATION OF CUTTING-EDGE TECHNOLOGY<br>-->
    <!--    AND TRADITIONAL CULTUIRE-->
    <!--        </div>-->
    <!--        <div class="text3">Ai是科技与文化融合的核心能力，为中华历代传统文化提供数据化、数字化、智能化的全场景的现代化应用。</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--      <el-carousel-item class="con-text">-->
    <!--        <div class="text4">核心技术 <span style="color: #e8634a">CORE TECHNOLOGI ES</span></div>-->
    <!--        <div class="text5">集成电路芯片+大数据+算法系统+智能硬件，</div>-->
    <!--          <div class="text6">构建绿色低碳的行业应用解决方案</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--      <el-carousel-item class="con-text" >-->
    <!--        <div class="text1">此悟，万物连接智慧生活</div>-->
    <!--        <div class="text2">CIWUALL THINGS CONNECT WITH-->
    <!--          INTELEIGENT LIFE-->
    <!--        </div>-->
    <!--        <div class="text3">AIoT是万物互联的核心技术，实现人与物、物与物、物与人共生的智慧连接，构建人类未来生活的智慧空间。</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--      <el-carousel-item class="con-text" >-->
    <!--        <div class="text1">此悟，数字资产重构物理世界</div>-->
    <!--        <div class="text2">CIWU,DIGITAL ASSET RECONSRUCTION OF THE PHYSICAL WORLD-->
    <!--        </div>-->
    <!--        <div class="text3">每一秒AI都在产生大量新的数据模型，人类不断给AI刻意训练植入新智慧，生成式人工智能(AIGC)正在从机器学习到自我学习的AGI演变。</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--      <el-carousel-item class="con-text" >-->
    <!--        <div class="text1">童年造物，和孩子一起创造、 一起成长</div>-->
    <!--        <div class="text2">CHILDHOOD CREATION CREATEAND GROW <br>-->
    <!--          TOGETHER WITH CHILDRENN-->
    <!--        </div>-->
    <!--        <div class="text3">每一个人的童年回忆是一个时代的产物，而童年造物给孩子们创造下一个时代的产物。</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--      <el-carousel-item class="con-text" >-->
    <!--        <div class="text1">童年造物，科技助力人类大脑的全面开发</div>-->
    <!--        <div class="text2">CHILDHOOD CREATION CREATE TECHNOLOGY ASSISTS THE <br>-->
    <!--          COMPREHENSIVE DEVELOPMEN'T OF THE HUMAN BRAIN-->
    <!--        </div>-->
    <!--        <div class="text3">技术越先进，儿童青少年越需要创造力、想象力、思辨力和动手能力的培养，童年造物则因创造而生。</div>-->
    <!--        <div class="btn">Explore More ></div>-->
    <!--      </el-carousel-item>-->
    <!--    </el-carousel>-->
  </div>
</template>

<script>
import CarouselMap from "@c/content/CarouselMap";
import BackTop from "@c/common/backtop/BackTop";

export default {
  name: "Home",
  components: {
    CarouselMap,
    BackTop
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.home-top {
  //background: url("../../../src/assets/img/bg/bg2.png") repeat-y center;
  width: 100%;
  height: 100vh;
  //position: fixed;
  background-size: 50% 100%;
  background-color: #000;
}

.con-text {
  color: #fff;
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: fadeIn 1s ease-out forwards;
}

.text1 {
  font-size: 30px;
  color: #fff;
}

.text2 {
  color: #e8634a;
  font-size: 30px;
}

.text3 {
  margin: 10px 0;
}

.text4 {
  font-size: 30px;
  margin: 20px 0;
}

.text5 {
  font-size: 30px;
  margin: 20px 0 0 0;
}

.text6 {
  font-size: 30px;
}

.btn {
  background-color: #e8634a;
  padding: 15px 20px;
  width: 150px;
  text-align: center;
  margin: 50px 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.card {
  padding: 0px 172px;
  background: url("../../../src/assets/img/bg/bg2.png") no-repeat center;
  background-color: #000;
  background-size: 50% 100%;
  height: 100vh;
}
</style>